html,body{
    background: #efeff4;
}
#Banner{
    background: #ffd600;
    width:100%;
    height:7.25rem;
    color:#000;
    font-family: PingFangSC-Regular, sans-serif;
    border-bottom-left-radius: 3px;
    border-bottom-right-radius:3px;
    background: url(../../img/banner-back.jpg);
    background-size: 100% 100%;
    padding-top:1.37rem;

    .num{
        font-size:1.53rem;
        text-align: center;
         line-height:1em;
    }
    .title{
       font-size: 0.62rem;
       text-align: center;
       margin-top:0.47rem;
        line-height:1em;

    }
    .btn-groups{
       display: flex;
       justify-content: space-between;
       align-items: center;
       width:87.4%;
       height:1.71rem;
       margin:0 auto;
       margin-top:0.96rem;
       font-size:0.62rem;
       & a:nth-child(1){
           width:3.54rem;
           height:1.08rem;
           text-align: center;
           line-height:1.08rem;
           background: url(../../img/banner-btn.png)no-repeat;
           background-size:100% 100%;
           border-radius:25px;
       }
        & a:nth-child(2){
           width:4.97rem;
           height:1.71rem;
           background: white;
           text-align: center;
           line-height:1.71rem;
           border:1px solid white;
           border-radius:40px;
           .get-icon{
               display: inline-block;
               width:0.9rem;
               height:1.10rem;
               background: url(../../img/get-icon.png)no-repeat;
               background-size:100% 100%;
               vertical-align: middle;
               margin-right:7px;
           }
       }
        & a:nth-child(3){
           width:3.54rem;
           height:1.08rem;
           text-align:center;
           line-height:1.08rem;
           background: url(../../img/banner-btn.png)no-repeat;
           background-size:100% 100%;
           border-radius:25px;
       }
    }
}
#ActSection{
    width:15.227rem;
    height:3.684rem;
    margin:0 auto;
    background: white;
    margin-top:0.33rem;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius:5px;
    & section:nth-child(1){
        flex:1;
        display:inline-block;
        height:1.83rem;
        padding-left:0.69rem;
        img{
            width:2.06rem;
            height:1.83rem;
            display: inline-block;
        }
        div{
            display: inline-block;
            vertical-align: top;
            margin-left:0.28rem;
            & span:nth-child(1){
                font-size:0.64rem;
                display: block;
            }
            & span:nth-child(2){
                font-size:0.51rem;
                display: block;
                margin-top:0.26rem;
            }
        }
    }
    & section:nth-child(2){
        flex:1;
        display:inline-block;
        height:1.83rem;
         padding-right:0.69rem;
        img{
            width:2.2rem;
            height:2.03rem;
            display: inline-block;
            margin-top:-0.39rem;
        }
        div{
             display: inline-block;
             vertical-align: top;
              margin-left:0.28rem;
            & span:nth-child(1){
                font-size:0.64rem;
                display: block;
            }
            & span:nth-child(2){
                font-size:0.51rem;
                display: block;
                margin-top:0.26rem;
            }
        }
    }
}
#OrderList{
    .title{
        display: flex;
        justify-content: center;
        align-content: center;
        height:2.6rem;
        line-height:2.6rem;
        div:nth-child(1){
            flex:1;
            text-align: left;
            color:#000;
            font-size:0.62rem;
            padding-left:0.51rem;
        }
        div:nth-child(2){
            flex:1;
            text-align: right;
            color:#f7831b;
            font-size:0.62rem;
            padding-right:0.51rem;
        }
    }
    .list{
        .list-child{
            height:4.07rem;
            img{
                height:3.63rem;
                width:3.63rem;
                display: inline-block;
                margin:0 0.33rem;
                vertical-align: top;
            }
            .detail{
                width:9.74rem;
                display: inline-block;
                vertical-align: middle;
                height:3.63rem;
                .detail-wrapper{
                    display: flex;
                    height:3.63rem;
                    flex-direction: column;
                    justify-content: space-between;
                      .name{
                    color:#000;
                    font-size:0.62rem;
                }
                .desc{
                    color:#999;
                    font-size:0.51rem;
                    line-height:0.77rem;
                    display: inline-block;
                }
                .price{
                    font-size:0.51rem;
                    color:#f7831b;
                    span:nth-child(1){
                        color:#f7831b;
                        margin-right:4px;
                    }
                    span:nth-child(2){
                        margin-left:4px;
                        color:#f7831b;

                        i{
                            width:0.41rem;
                            height:0.41rem;
                            display: inline-block;
                            background: url(../../img/money-icon.png)no-repeat;
                            background-size:100% 100%;
                            vertical-align: middle;
                            margin-right:3px;
                        }
                    }
                    span:nth-child(3){
                        margin-left:.75rem;
                        color:#999999;
                        text-decoration:line-through;
                    }
                }
                }

            }
        }
    }

}